<template>
  <div id="app" :data-theme="themeName">
    <router-view/>
  </div>
</template>
<script>
import {mapGetters} from "vuex";

export default {
  name: 'navBar',
  computed: {
    ...mapGetters(['themeName'])
  },
  mounted() {
    document.body.setAttribute('data-theme', this.themeName)
  },
  watch: {
    themeName() {
      document.body.setAttribute('data-theme', this.themeName)
    }
  }
}
</script>
<style lang="scss">
  @import "https://at.alicdn.com/t/c/font_3998326_polrek96afj.css";
  .message-modal {
    min-width: auto;
  }
</style>
